<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="./favicon.ico">
    <title>明湖中学-九年级五班</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" type="text/css" href="./css/lovexhj.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
</head>

<body>
    <!-- 标题板块 -->
    <div class="title">
        <img src="./images/bg1.gif" alt="bgGif">
        <p id="tqyxhj"></p>
    </div>

    <!-- 分页1 - 骚话 -->
    <div class="page page1">
        <div class="swiper-container swiper-container-lovexhj1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img src="./images/cat.gif" alt="cat">
                        <p><b>唐磊<b></p>
                        <p>班主任兼体育老师</p>
                        <span class="right">往右划动 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat2.gif" alt="cat2">
                        <p class="catText"><p>程大卫</b></p>
                        <p>语文老师兼六班班主任</p>
                        <p></b></p>
                        <p></p>
                        <span class="right">再划一下 →</span>
                </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat5.gif" alt="cat5">
                        <p class="catText"><p></b>赵丽静</b></p>
                        <p></b>政治老师</b></p>
                        <p></b></p>
                        <p></p>
                        <span class="right">再划一下 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat6.gif" alt="cat6">
                        <p class="catText"><p></b>郑月娥</b></p>
                        <p></b>英语老师</b></p>
                        <p></b></p>
                        <p></p>
                        <span class="right">再划一下 →</span>
                    </div>
                </div>
               <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat7.gif" alt="cat7">
                        <p class="catText"><p></b>刘泽</b></p>
                        <p></b>化学老师</b></p>
                        <p></b></p>
                        <p></p>
                        <span class="right">再划一下 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat4.gif" alt="cat3">
                        <p class="catText"><p><b>王贵勇<b></p>
                        <p>物理老师</p>
                        <p></p>
                        </p>
                        <span class="right"></span>
                    </div>
                </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj1"></div>
        </div>
    </div>

    <!-- 分页2 - 时间轴 -->
    <div class="page page2">
        <div class="swiper-container swiper-container-lovexhj2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-1.jpg" alt="page2-1">
                        <p><b>首先上场，两位憨批</b></p>
                        <p>当然，角落里还有一个，由于格式不太好</p>
                        <p>所以伟豪就去角落了</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-11.jpg" alt="page2-11">
                        <p><b>张雨晴</b></p>
                        <p>暂无介绍</p>
                        <p></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-2.jpg" alt="page2-2">
                        <p><b>豆包</b></p>
                        <p>此之谓战东旭(简称豆包)</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-3.jpg" alt="page2-3">
                        <p><b>赵宇</b></p>
                        <p>暂无介绍</p>
                        <p></p>
                    </div>
                </div>
              <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-12.jpg" alt="page2-3">
                        <p><b>王泽人</b></p>
                        <p>你看我像个人吗</p>
                        <p></p>
                    </div>
                </div>
            <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-13.jpg" alt="page2-3">
                        <p><b>韩涛</b></p>
                        <p>暂无介绍</p>
                        <p></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-4.jpg" alt="page2-4">
                        <p><b>董道祺</b></p>
                        <p>哦吼，产生疑问了，这个人手里的是啥</p>
                        <p></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-5.jpg" alt="page2-5">
                        <p><b>田宇</b></p>
                        <p>真的，是个人</p>
                        <p></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-6.jpg" alt="page2-6">
                        <p><b>额，这个人有点多</b></p>
                        <p>我说我懒得打字了可以吗</p>
                        <p></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-7.jpg" alt="page2-7">
                        <p><b>侯城刚</b></p>
                        <p>哦吼，看不到我看不到我</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-8.jpg" alt="page2-8">
                        <p><b>陈文斌</b></p>
                        <p>额.....</p>
                        <p>字幕君已去世</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-9.jpg" alt="page2-9">
                        <p><b>穆龙哲</b></p>
                        <p>看，一股大哥范</p>
                        <p></p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-10.jpg" alt="page2-10">
                        <p><b>张景胜</b></p>
                        <p>说不正经，但又正经的</p>
                        <p>不太正经的一个”人“</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-14.jpg" alt="page2-14">
                        <p><b>任贝贝</b></p>
                        <p></p>
                        <p></p>
         </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-15.jpg" alt="page2-15">
                        <p><b>程思彤</b></p>
                        <p></p>
                        <p></p>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj2"></div>
        </div>
    </div>

    <!-- 分页3 - 一段话 -->
    <div class="page page3">
        <div id="talkToXHJ">
            <b>姓名</b>
            <br />
            张景胜  孙博文 代行超 张淑惠 杨钰欣 苏宪法 石有涵 邢天意 邢天成 孙福涛 韩涛 李书佳 王旭 <br>李伟豪 战东旭 梁圣杰 陈文斌 程一诺 李宇翔 董道祺 牛升志 张静茹 赵宇 丁冉冉 田宇 孟心远 <br>陈书雨 侯成刚 孙彤 周宇 任贝贝 陈家豪 赵艺童 孟德才 刘存金 陈立杨 孟谦 邢德国 王泽人 <br>穆龙哲 于旺 陆宇航 刘振兴 李姜硕 尚天赐 程思彤 卜晓宇 白慧涛 屈昌智 袁志鹏 张雨晴 张博飞
            <br /> 
            <br /> 
            <b>QQ</b>
            <br />
            张景胜-2328921594 孙博文-2305941830 代行超-2584923608 张淑惠-145127699 <br>杨钰欣-2907464542 苏宪法-2282106709 石有涵-3418173266 邢天意-2684440887 <br>邢天诚-2609978124 孙福涛-2776704481 韩涛-3195125296           李书佳-3425975932 <br>王旭-2275678452 李伟豪-3573075534 战东旭-3189972961 梁圣杰-3544272149 <br>陈文斌-3363784446 程一诺-1815449121 周宇-3348963213 董道祺-2487973170 <br>牛升志-2962599590 张静茹-3396857908 赵宇-3090748807 丁冉冉-3331770153 <br>田宇-3109724600 孟心远-2785595304 陈书雨-2330278572 侯城刚-0000000000 <br>孙彤-1194132597 李宇翔-3389719528 任贝贝-1851706079 陈家豪-2157144958 <br>赵艺童-1423707033 孟德才-2664378344 刘存金-1489863972 陈立杨-206358948 <br>孟谦-1704342617 邢德国-2013979745 王泽人-1545630947 穆龙哲-1468363596 <br>于旺-2160493664 陆宇航-255283320 刘振兴-0000000000 李姜硕-3462905172 <br>尚天赐-1579281799 程思彤-415399457 卜晓宇-0000000000 白慧涛-630533250 <br>屈昌智-2138415492 袁志鹏-2793576225 张雨晴-3376104075 张博飞-0000000000<br><br><b>如有问题请联系站长QQ:2776704481<b>
            <br />

        </div>
    </div>

    <!-- 分页4 - 结尾 -->
    <div class="page page4">
        <div class="page4-box">
            <div class="page4-img">
                <div class="swiper-container swiper-container-lovexhj3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/page-4-1.png" alt="page-4-1">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-2.jpg" alt="page-4-2">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-3.jpg" alt="page-4-3">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-4.jpg" alt="page-4-4">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-5.jpg" alt="page-4-5">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-6.jpg" alt="page-4-6">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-7.jpg" alt="page-4-7">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-8.jpg" alt="page-4-8">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-9.jpg" alt="page-4-9">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-10.jpg" alt="page-4-10">
                        </div>
                        <div class="swiper-slide">
                        <img src="./images/page-4-11.jpg" alt="page-4-11">
                        </div>
                        <div class="swiper-slide">
                        <img src="./images/page-4-12.jpg" alt="page-4-12">
                        </div>
                    </div>
                    <div class="swiper-button-prev swiper-button-prev-lovexhj3"></div>
                    <div class="swiper-button-next swiper-button-next-lovexhj3"></div>
                </div>
            </div>
            <div class="page4-text">
                <h1>九年级五班</h1>
                <p>专属毕业留念册</p>
            </div>
        </div>

        <div class="footer">
            <div class="footerBox">
                <p>
                    &copy; 2021 
                    <a href="http://www.xiaodao.biz/">九年级五班</a> | 
                    <a href="http://beian.miit.gov.cn">鲁ICP备18015792号-2</a>
                </p>
                <p>THEME MADE BY <a href="https://www.yunspe.com">lovexhj</a></p>
            </div>
        </div>
    </div>

    <!-- 两只XHJ一样的猪 -->
    <div class="xhjIsPig">
        <img src="./images/pig1.gif" alt="pig1" class="pig1">
        <img src="./images/pig2.gif" alt="pig2" class="pig2">
    </div>

    <!-- js加载 -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="./js/typeit.min.js"></script>
    <script src="./js/swiper-3.4.2.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

    <script src="./js/lovetime.js"></script>
    <script src="./js/talk.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/su.js"></script>
    <script>
        (function () {
            new WOW().init()
        })()
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('body').wpSuperSnow({
                flakes: ['./images/004.png', './images/003.png', './images/002.png',
                    './images/001.png'
                ],
                totalFlakes: '100',
                zIndex: '999999',
                maxSize: '30',
                maxDuration: '20',
                useFlakeTrans: false
            });
        });
    </script>
</body>

</html>